var NUM = 0;

$(function(){
  
  //导航鼠标移动效果
  $("#menu li").hover(function(){
    $(this).addClass("hover");
  }, function(){
    $(this).removeClass("hover");
  });
  
  var ThemeSize = $("#theme li").size();
  var height = parseInt(ThemeSize / 4);
  if(ThemeSize % 4 > 0) height ++;
  $("#theme ul").height(height * 150);
  
  $(".classList").find("li").hover(function(){
    $(this).css("background", "#EEEEEE");
  }, function(){
	$(this).css("background", "");  
  }).click(function(){
	$(this).parent()
	.parent()
	.parent()
	.find("a").html($(this).html());
	
	$(this).parent()
	.parent()
	.parent()
	.find("input").val($(this).attr("id"));
	
	$(this).parent().parent().hide();
	
	var eHref = "";
	$("input[name='inputBox']").each(function(i){
      eHref += "/" + $(this).val();
    });
	window.location.href = "/product" + eHref;
  });
  
  $(window).click(function() {
	if(NUM == 1) {
	  $("#CategoriesBox").hide();
	  $(".classList").each(function(i){ $(this).hide(); });
	}
	NUM = 0;
  });
  
  $(window).size(function() {
	$("#CategoriesBox").hide();
	$(".classList").each(function(i){ $(this).hide(); });
  });
  
  var page_yl = $(".page_yl");
  if(page_yl.size() > 0){
	  var width = page_yl.find("ul").width();
	  var pwidth = page_yl.parent().width();
	  page_yl.find("ul").css("padding-left",(pwidth - width)/2+"px");
  }
});

function columnJS(id, path) {
  if($("#ul_" + id).size() > 0) {
    $("#ul_" + id).toggle();
  }
  else {
	$.ajax({ type: "GET", cache: false, url: "/index.php/home/column.html", dataType: "html", data: "path=" + path,
	  success: function(htmlDate){
		 $("#li_" + id).after('<ul class="menu" id="ul_'+ id +'">' + htmlDate + '</ul>');
	  }
	});
  }
}

function picTab(picUrl, num) {
  $.each(picUrl, function(i, n){
	$aLink = $("<a>"+(i+1)+"</a>")
	.click(function(){
	  $("#link" + num + " a").removeClass("hover");
	  $(this).addClass("hover");
	  $("#pic" + num).html("<a href='"+n[1]+"'><img src='"+n[0]+"'></a>");
	});
	
	$("#link" + num).append($aLink);
	  
	if(i == 0) {
	  $("#pic" + num).append("<a href='"+n[1]+"'><img src='"+n[0]+"'></a>");
	  $aLink.addClass("hover");
	}
  });
}

function comboBox(D) {
  $("#CategoriesBox").hide();
  $(".classList").hide();
  NUM = 0;
  
  var O = $(D).offset();
  var W = $("#CategoriesBox").width() - $(D).width();
  $("#CategoriesBox").css({ left: O.left - W, right: O.right }).show();
  
  window.setTimeout(function(){ NUM = 1; }, 100);
}

function dropDown(D) {
  $("#CategoriesBox").hide();
  $(".classList").hide();
  NUM = 0;
	
  var $cList = $(D).parent().find(".classList");
  var BH = $(window).height() + $(window).scrollTop();
  var CO = $(D).offset();
  var CH = $cList.height() + CO.top + $(D).height();
 
  if(BH < CH)
    $cList.css("margin-top",  0 - ((CH - BH) + 2)).show();
  else
    $cList.css("margin-top",  0).show();
	
  window.setTimeout(function(){ NUM = 1; }, 100);
}